.todo_input_box {
  width: 100%;
  height: 8vh;
  border: 1px solid red;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_content_container {
  width: 100%;
  height: 80vh;
  border: 1px solid blue;
}

.todo_tool_bar {
  width: 100%;
  height: 8vh;
  border: 1px solid pink;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_tool_bar div {
  width: 22%;
  height: 100%;
  border: 1px solid blue;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item {
  width: 98%;
  height: 40px;
  border: 1px solid red;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item_check {
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item_content {
  width: 60%;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

.todo_item_delete {
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
